<template>
  <div id="weixin">
     <!-- 微信二维码 -->
    <p style="text-align: center;font-size: 20px;padding: 10px 0px;">用微信扫描一下的二维码完成支付</p>
    <div id="qr-code"></div>
    <div class="wiexin-pross">
      <img src="../../assets/wechat_pay_code_tc.png">
    </div>
  </div>
</template>

<script>
export default {
  created() {
    setTimeout(() => {
      $('#qr-code').qrcode(localStorage.getItem('url'))
    }, 100)
  },
  data() {
    return {
      url: ''
    }
  }
}
</script>

<style lang="scss" scoped>
#weixin {
  #qr-code {
    left: calc(50vw - 128px);
    width: 256px;
    height: 256px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .wiexin-pross {
    width: 900px;
    height: 520px;
    margin: 0 auto;
    img {
      position: relative;
      width: 100%;
      height: 100%;
    }
  }
}
</style>